﻿<div>
    <MCard Class="d-flex justify-start mb-6" Color="grey lighten-4" Flat Tile>
        @for (var i = 1; i <= 3; i++)
        {
            <MCard Class="pa-2" Outlined Tile>
                justify-start
            </MCard>
        }
    </MCard>

    <MCard Class="d-flex justify-end mb-6" Color="grey lighten-4" Flat Tile>
        @for (var i = 1; i <= 3; i++)
        {
            <MCard Class="pa-2" Outlined Tile>
                justify-end
            </MCard>
        }
    </MCard>

    <MCard Class="d-flex justify-center mb-6" Color="grey lighten-4" Flat Tile>
        @for (var i = 1; i <= 3; i++)
        {
            <MCard Class="pa-2" Outlined Tile>
                justify-center
            </MCard>
        }
    </MCard>

    <MCard Class="d-flex justify-space-between mb-6" Color="grey lighten-4" Flat Tile>
        @for (var i = 1; i <= 3; i++)
        {
            <MCard Class="pa-2" Outlined Tile>
                justify-space-between
            </MCard>
        }
    </MCard>

    <MCard Class="d-flex justify-space-around mb-6" Color="grey lighten-4" Flat Tile>
        @for (var i = 1; i <= 3; i++)
        {
            <MCard Class="pa-2" Outlined Tile>
                justify-space-around
            </MCard>
        }
    </MCard>
</div>